<template>
	<view class="pd30 box-shadow bg-w bdr16 tuan-extend over-hidden">
		<navigator url="/pages/plus/mine/tuan/high">
		<view class="flex">
			<view class="wh120 high-item">
				
				<image class="wh120 bdr8" mode="aspectFill" :src="''"></image>
				
				<view class="djs-box">
					<unio2o-countdown-high :t="202019"></unio2o-countdown-high>
				</view>
			</view>
			<view class="ws120 pl30">
				<view class="ft16 ftw600 text-main text-over">3天2晚包食宿 云南大... </view>
				<view class="flex alcenter mt20">
					<view class="tag tag-hot flex alcenter">
						<image :src="''"></image>
						<text class="ml10">火爆</text>
					</view>
					<view class="tag tag-info ml20">
						200人推广
					</view>
				</view>
				
				<view class="flex mt20">
					<view  class="daily-commission text-theme ft12 ftw600">
						<text>日常佣金</text>
						<text>￥10</text>
					</view>
				</view>
				<view class="flex mt20">
					<view  class="high-commission text-w ft12 ftw600">
						<text>限时高佣</text>
						<text>￥10</text>
					</view>
				</view>
			</view>
		</view>
		</navigator>
		<view class="tui">
			<navigator url="/pages/plus/mine/tuan/high">
			<image   :src="''"></image>
			</navigator>
		</view>
		
	</view>
	
</template>

<script>
	import unio2oCountdownHigh from '@/components/base/countdown/high.vue';
	export default{
		components:{
			unio2oCountdownHigh
		},
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.high-item{
		position: relative;
	}
	.djs-box{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40rpx;
		background: rgba(0,0,0,.3);
		color:#FFFFFF;
		font-size: 24rpx;
	}
	.tuan-extend{
		position: relative;
	}
	.tuan-extend .tui{
		position: absolute;
		right: 0;
		bottom: 0;
		height: 120rpx;
		width: 120rpx;
	}
	.tuan-extend .tui image{
		width: 120rpx;
		height: 120rpx;
		font-size: 0;
	}
	.daily-commission{
		padding: 0 20rpx;
		height: 40rpx;
		border-radius: 20rpx;
		background:#FFF0E5;
		line-height: 40rpx;
	}
	.high-commission{
		padding: 0 20rpx;
		height: 48rpx;
		border-radius: 24rpx;
		background: #FF6D00;
		line-height: 48rpx;
	}

</style>